<div class="container">
  <!--<aside id="sidebar" class="aside-fixed">-->
    <!--<button
  type="button"
  [appConfirm]="clickBtn"
  confirmMessage="Click ok to visit Rangle.io!">
  Visit Rangle
</button>-->
  <aside id="sidebar" class="">
    <div id="sidebar-wrap">
      <div class="panel-group slim-scroll" role="tablist">
        <div class="panel panel-default">
          <div class="panel-heading" role="tab">
            <h4 class="panel-title">
              <a data-toggle="collapse" href="#sidebarNav">
                                            Navigation <i class="fa fa-angle-up"></i>
                                        </a>
            </h4>
          </div>
          <div id="sidebarNav" class="panel-collapse collapse in directive-nav" role="tabpanel">
            <div class="panel-body">

              <ul id="navigation">
                <li class="active"><a href="index.html"><i class="fa fa-dashboard"></i> <span>Dashboard</span></a></li>
                <li class="dropdown menu-item">
                  <a ui-sref="" href="javaScript:void(0);" ><i class="fa fa-envelope-o" name="envelope-o"></i> <span class="ng-binding">Mail</span> <span class="badge bg-lightred">6</span><i class="fa fa-plus"></i></a>
                  <ul #subMenu style="display: none;">
                    <li><a href="mail-inbox.html"><i class="fa fa-caret-right"></i> Inbox</a></li>
                    <li><a href="mail-compose.html"><i class="fa fa-caret-right"></i> Compose Mail</a></li>
                    <li><a href="mail-single.html"><i class="fa fa-caret-right"></i> Single Mail</a></li>
                  </ul>
                </li>
                <li class="dropdown menu-item">
                  <a ui-sref="" href="javaScript:void(0);" ><i class="fa fa-list" name="fa-list"></i> <span class="ng-binding">Mail</span> <i class="fa fa-plus"></i></a>
                  <!--<a role="button" tabindex="0"><i class="fa fa-list"></i> <span>Form Stuff</span></a>-->
                  <ul #subMenu style="display: none;">
                    <li><a href="form-common.html"><i class="fa fa-caret-right"></i> Common Elements</a></li>
                    <li><a href="form-validate.html"><i class="fa fa-caret-right"></i> Validation Elements</a></li>
                    <li><a href="form-wizard.html"><i class="fa fa-caret-right"></i> Form Wizard <span class="badge badge-success">13</span></a></li>
                    <li><a href="form-upload.html"><i class="fa fa-caret-right"></i> File Upload</a></li>
                    <li><a href="form-imgcrop.html"><i class="fa fa-caret-right"></i> Image Crop</a></li>
                  </ul>
                </li>
              </ul>
              <!--/ NAVIGATION Content -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </aside>


</div>